<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>Wireframe</title>
		<link rel="stylesheet" href="./jqueryui/css/ui-lightness/jquery-ui-1.8.18.custom.css" type="text/css">
		<link rel="stylesheet" href="./bootstrap/css/bootstrap.css" type="text/css">
		<script type="text/javascript" language="javascript" src="./jquery/jquery-1.7.1.min.js"></script>
		<script type="text/javascript" language="javascript" src="./bootstrap/js/bootstrap.js"></script>
		<script type="text/javascript" charset="utf-8">
			$(document).ready(function()
			{
				$("[rel='popover']").popover( { animation: true, placement: 'bottom', trigger: 'manual' } );
				$("#login").click(function() {
					$('#login').popover('toggle');
				});
				
				$(".recover-password-btn").live("click", function(){ window.location.href = "./recoverpassword.html" });
			});
		</script>
	</head>
	<body>
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container" style="width: auto;">
					<div class="container">
						<ul class="nav pull-left">
							<li class="active">
								<a href="./index.html">Home</a>
							</li>
						</ul>
						<ul class="nav pull-right">
							<li>
								<a href="#" id="login" rel="popover" data-content="<form name='input' action='./userlist.html' method='post'><label for='username'>Login: </label><input type='text' name='username' /><label for='password'>Password: </label><input type='password' name='password' /><input type='submit' value='Login' /></form>">
									<i class="icon-user icon-white"></i>
									Login
								</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<div class="row">
				<div class="span12 ui-corner-all">
					<div class="row">
						<div class="span3">
							<div class="well" style="text-align: center;">
								Sidebar
							</div>
						</div>
						<div class="span9 ui-corner-all">
							<div class="well">
							<h1>Lorem ipsum dolor sit amet</h1>
							<br/>
								 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque nec lacus ac est tempus consectetur eu nec quam. Nunc accumsan iaculis urna, eget mollis turpis hendrerit vel. In viverra velit id mi tincidunt vitae facilisis justo iaculis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce congue ullamcorper ante, at faucibus neque tristique non. Nullam non felis a nibh vestibulum faucibus id vitae quam. Donec consequat semper dictum. Integer consequat iaculis lacus nec lobortis. Etiam sed ligula neque, ac bibendum risus. Proin a dui dolor, eget facilisis dolor. Pellentesque quis purus a odio accumsan sagittis. Suspendisse elit eros, lacinia et imperdiet sodales, eleifend non eros. Vestibulum lobortis, metus ac posuere luctus, risus tellus dignissim diam, ac ornare neque eros eu nunc. Ut tempor cursus odio, vel consequat nibh interdum vel. 
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>